<template>
  <div class="choose-goods">
    <el-form label-position="right" label-width="6rem">
      <el-row :gutter="40">
        <el-col :span="8">
          <el-form-item label="商品类目：">
            <el-cascader v-model="categoryIdArr" :options="treeList" :props="{ value: 'id', label: 'name' }" @change="changeGoodsCategory" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="商品名称：">
            <el-input v-model="chooseParams.name" style="width: 240px;" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <SearchButton :default-params="chooseParams" @refreshParams="refreshParams" @getList="getList1" />
        </el-col>
      </el-row>
    </el-form>
    <evue-table :data="list" :option="option" :border="1" @selectionChange="selectionChange" @paginationChance="currentChange">
      <template v-slot:goodsName="props">
        <div class="goods">
          <img :src="props.data.thumb" alt="">
          <div class="goodsName">
            <p>{{ props.data.name }}</p>
            <span>{{ props.data.price }}</span>
          </div>
        </div>
      </template>
      <!-- <template v-slot:comeNum="props">
        <p>访客数:{{ props.data.viewNum }}</p>
        <p>浏览量:{{ props.data.comeNum }}</p>
      </template> -->
    </evue-table>
  </div>
</template>
<script>
import index from './index.js'

export default index
</script>
